<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>本草易</title>
    <meta name="keywords" content="本草易" />
    <meta name="description" content="本草易" />
    <link rel="stylesheet" href="./styles/normalize.css" />
    <link rel="stylesheet" href="./styles/icon_font/iconfont.css" />
    <link rel="stylesheet" href="./styles/swiper-3.4.2.min.css" />
    <link rel="stylesheet" href="./styles/main.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
</head>

<body>
    <header>
        <nav class="warp">
            <h1 class="logo fl">本草易</h1>
            <ul class="fr navigation">
                <li class="fl">
                    <a href="./index.html">首页</a>
                </li>
                <li class="fl">
                    <a href="./about.html">关于本草易</a>
                </li>
                <li class="fl partner">
                    <a href="#">合作机会</a>
                    <div class="partner-list">
                        <i>▲</i>
                        <a href="#"><img width="100%" src="./styles/images/partner1.png" /></a>
                        <a href="#"><img width="100%" src="./styles/images/partner.png" /></a>
                    </div>
                </li>
                <li class="fl">
                    <a href="#">产品系列</a>
                </li>
                <li class="fl">
                    <a href="#">联系我们</a>
                </li>
            </ul>
        </nav>
    </header>
    <!--banner start-->
    <section class="banner swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="innerlink">
                    <a href="#">
                        <img width="100%" src="./styles/images/banner.png" />
                    </a>
                    <a href="#" class="link" style="left:40%;">link1</a>
                    <a href="#" class="link" style="left:20%;">link2</a>
                    <a href="http://baidu.com" class="link">里面的连接1</a>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="innerlink">
                    <a href="#">
                        <img width="100%" src="./styles/images/banner.png" />
                    </a>
                    <a href="#" class="link" style="left:40%;">link1</a>
                    <a href="#" class="link" style="left:20%;">link2</a>
                    <a href="http://baidu.com" class="link">里面的连接1</a>
                </div>
            </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </section>
    <!--banner end-->
    <!--如果是首页则去掉和页脚的留白,其他不需要-->
    <main style="padding-bottom: 0">
        <!-- index scroll content start-->
        <section class="warp">
            <div class="scroll swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <li>
                            <a href="#">
                                <img width="100%" src="./styles/images/product.png" />
                                <p>基地展示</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img width="100%" src="./styles/images/product.png" />
                            </a>
                            <p>基地展示</p>
                        </li>
                        <li>
                            <a href="#">
                                <img width="100%" src="./styles/images/product.png" />
                            </a>
                            <p>基地展示</p>
                        </li>
                        <li>
                            <a href="#">
                                <img width="100%" src="./styles/images/product.png" />
                            </a>
                            <p>基地展示</p>
                        </li>
                    </div>
                </div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
        </section>
        <!-- index scroll content end-->
        <!--index news start-->
        <h2 class="module-title">
            News<br/><span>新闻动态</span>
        </h2>
        <section class="warp index-news clearfix">
            <dl class="fl">
                <dt>自贸区3.0能否到来</dt>
                <dd>
                    <time>2017.3.2 09:20:80</time>
                    <p>自贸区设立的初衷，实际上就是为了更高水平地参与国际合作分工，是为未来迎接高水平对外开放所做的试点和尝试。高水平对外开放当中有几方面内容，包括货物贸易大幅度进入到零关税的状态，服务业要大部分对外开放，减少管理限制</p>
                </dd>
            </dl>
            <dl class="fl">
                <dt>自贸区3.0能否到来</dt>
                <dd>
                    <time>2017.3.2 09:20:80</time>
                    <p>自贸区设立的初衷，实际上就是为了更高水平地参与国际合作分工，是为未来迎接高水平对外开放所做的试点和尝试。高水平对外开放当中有几方面内容，包括货物贸易大幅度进入到零关税的状态，服务业要大部分对外开放，减少管理限制</p>
                </dd>
            </dl>
            <dl class="fl">
                <dt>自贸区3.0能否到来</dt>
                <dd>
                    <time>2017.3.2 09:20:80</time>
                    <p>自贸区设立的初衷，实际上就是为了更高水平地参与国际合作分工，是为未来迎接高水平对外开放所做的试点和尝试。高水平对外开放当中有几方面内容，包括货物贸易大幅度进入到零关税的状态，服务业要大部分对外开放，减少管理限制</p>
                </dd>
            </dl>
            <dl class="fl">
                <dt>自贸区3.0能否到来</dt>
                <dd>
                    <time>2017.3.2 09:20:80</time>
                    <p>自贸区设立的初衷，实际上就是为了更高水平地参与国际合作分工，是为未来迎接高水平对外开放所做的试点和尝试。高水平对外开放当中有几方面内容，包括货物贸易大幅度进入到零关税的状态，服务业要大部分对外开放，减少管理限制</p>
                </dd>
            </dl>
        </section>
        <!--index news end-->
        <div class="index-advantage clearfix">
            <h2 class="module-title">
                Our Advantage<br/><span>我们的优势</span>
            </h2>
            <section class="warp">
                <dl class="fl">
                    <dt class="fl">
                        <span class="icon iconfont icon-location"></span>
                    </dt>
                    <dd><b>1. 自由基地，质量稳定</b> 本草易前处理基地整合了基地主编100公里范围内的广大终止基地，拥有直接的药材种植资源
                    </dd>
                </dl>
                <dl class="fl">
                    <dt class="fl">
                        <span class="icon iconfont icon-same"></span>
                    </dt>
                    <dd><b>2. 自有系统，远程可视</b> 利用本草易小程序，首先可以了解到最新药材价格情况，还可以远程视频查看生产地药材前处理情况，药材交易更放心。
                    </dd>
                </dl>
                <dl class="fl">
                    <dt class="fl">
                        <span class="icon iconfont icon-evaluate"></span>
                    </dt>
                    <dd><b>3. 统一包装，品牌化管理</b> 本草易前处理基地拥有一套完整的VI视觉系统，应用到药材包装，流通，展示等各个环节，实现本草易产品的识别化，系统化，品牌化。
                    </dd>
                </dl>
                <dl class="fl">
                    <dt class="fl">
                        <span class="icon iconfont icon-deliver"></span>
                    </dt>
                    <dd><b>4. 多仓共建，货源稳定</b> 本草易在全国建立300个原材料前处理基地，形成全国最大最全的中药材资源库，通过多点共建，多方联动，多元化发展的”模式“，为您提供稳定的货源保障
                    </dd>
                </dl>
                <dl class="fl">
                    <dt class="fl">
                        <span class="icon iconfont icon-sponsor"></span>
                    </dt>
                    <dd><b>5. 本草易专卖店，实体体验店交易</b> 本草易在全国中药材集散市场开设本草易品牌专卖店，展现统一的的VI系统形象和远程的操作系统，实现线下体验和交易，使您采集药材更加放心。
                    </dd>
                </dl>
            </section>
        </div>
    </main>
    <footer>
        <section class="warp">
            <a href="#">关于我们</a>
            <a href="#">联系我们</a>
            <a href="#">友情链接</a>
            <a href="#">意见反馈</a>
            <a href="#" style="margin: 0"><span class="icon iconfont icon-iconfontqq"></span></a>
            <a href="#"><span class="icon iconfont icon-weibo"></span></a>
        </section>
    </footer>
    <script src="./js/zepto.min.js"></script>
    <script src="./js/swiper-3.4.2.jquery.min.js"></script>
    <script src="./js/main.js"></script>
</body>

</html>